import Vue from 'vue'

export default (ctx) => {
// 注册一个全局自定义指令 v-permission
  Vue.directive('permission', {
    // 当绑定元素插入到 DOM 中。
    bind: function (el, binding) {
      const permission = ctx.app.$auth.user.permission
      if (binding.arg.includes('|')) {
        const strPermission = permission.join && permission.join(',')
        var reg = new RegExp(binding.arg)
        if (!reg.test(strPermission)) {
          el.hidden = true
          if (el.parentNode != null) {
            el.parentNode.removeChild(el)
          }
        }
      } else if (!permission.includes(binding.arg)) {
        el.hidden = true
        if (el.parentNode != null) {
          el.parentNode.removeChild(el)
        }
      }
    }
  })
}
